<template>
  <div class="about">
    <h1>This is an about page</h1>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  
  created() {
    // console.log('页面创建完成的生命周期')
    // // console.log(this.text) // 你是个麻瓜
    // var le = document.getElementById('div');
    // console.log(le)
    this.bus.$on('eve', (data)=>{
      console.log(data)
    })
  },

  // 页面渲染（挂载）阶段
  beforeMount() {
    console.log('页面创建完成但是挂载之前的生命周期')
    var le = document.getElementById('div');
    // console.log(le)
  },
  // dom渲染完成
  mounted() {
    console.log('页面创建完成但是挂载完成的生命周期')
    var le = document.getElementById('div');
    console.log(le)
  },
  methods: {
  },
  // 页面更新的生命周期
  // dom更新完成或者打补丁结束后触发的生命周期
  beforeUpdate() {
    console.log(1)
  },
  updated() {
    console.log(2)
  },


  beforeDestroy() {
    console.log('页面销毁之前')
  },

  destroyed() {
    console.log('页面销毁之后')
  }
}
</script>
